<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>字体</title>
	<style>
		@font-face {
		  font-family: 'xbs';
		  src: url('./fonts/iconfont.eot');
		  src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		  url('./fonts/iconfont.woff') format('woff'),
		  url('./fonts/iconfont.ttf') format('truetype'),
		  url('./fonts/iconfont.svg#iconfont') format('svg');
		}
		.iconfont{
			font-family:"xbs" !important;
			 font-size:16px;font-style:normal;
			 -webkit-font-smoothing: antialiased;
			 -webkit-text-stroke-width: 0.2px;
			 -moz-osx-font-smoothing: grayscale;
		}
		.title{
			font-size: 100px;
			color: red;
			font-style: italic;
		}
	</style>
</head>
<body>
	<i class="iconfont title">&#xe64f;</i>
	<i class="iconfont">&#xe613;</i>
	<i class="iconfont">&#xe61d;</i>
	<i class="iconfont">&#xe64f;</i>
	<i class="iconfont">&#xe63f;</i>
</body>
</html>